<script setup lang="ts">
const { title, data } = defineProps(['title', 'data'])
</script>
<template>
  <div class="checkout-info-display-main-container">
    <div class="checkout-info-display-title">{{ title }}</div>
    <div class="checkout-info-text">
      <p v-for="item, index in data" :key="`checkout-text-${index}`">{{ item }}</p>
    </div>
  </div>
</template>

<style src="./CheckoutInfoDisplay.less" lang="less" scoped></style>